<template>
  <h2>子组件{{modelValue}}</h2>
  <button @click="btn">点击开关</button>
</template>

<script>
export default {
  name:'Son2',

  props:{
       // 1. 子组件通过 modelValue 接收 v-model 传递过来的数据
   modelValue:{
       type:Boolean,
   }
  },
  setup(props,{emit}){
      // console.log(props)
      const btn = ()=>{
        //   点击取反
        const temp = !props.modelValue
     // 2. 子组件通过 update:modelValue 通知父组件做 v-model 值的更新
        emit('update:modelValue',temp)
      }

      return {btn}
  }
}
</script>

<style>

</style>